<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>

        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <!-- Le styles -->
        <link href="resources/styles/bootstrap.css" rel="stylesheet"/>
        <link href="resources/styles/validationEngine.jquery.css" rel="stylesheet"/>
        <link href="resources/styles/dark/dark.css" rel="stylesheet"/>
        <link href="resources/styles/portal.css" rel="stylesheet"/>

        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }

            .navbar-search {
                padding-left: 35px;
            }

        </style>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </h:head>
    <h:body>
        <div id="site-header">   
            <ui:insert name="navbar">
                <ui:include src="navbar.xhtml"/>
            </ui:insert>
        </div> <!-- header -->
        
        <div id="content">
            <ui:insert name="content">
                <ui:include src="commoncontent.xhtml"/>
            </ui:insert>
        </div>

        <div id="site-footer">
            <ui:insert name="footer">
                <ui:include src="footer.xhtml"/>
            </ui:insert>
        </div>
    </h:body>
<!-- Le sCRIPTS -->
    
    <script type="text/javascript" src="resources/js/jquery-1.7.1.min.js"></script>
    <script src="resources/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="iso-8859-1"></script>
    <script type="text/javascript" src="resources/js/jquery.validationEngine.js"></script>
    <script src="resources/js/bootstrap.min.js"></script>
 
    <script type="text/javascript">
        
        function fillOnBlur (word, field) {
            field.value = (field.value)? field.value : word;
        }
        
        $(window).load(function (){
            $(".login").validationEngine(); 
        });
        
        $(document).ready(function() {

            //			$.featureList(
            //				$("#tabs li a"),
            //				$("#output li"), {
            //					start_item	:	1
            //				}
            //			);
                            
            $("#login-form .login input").each (function () {
                if (!$(this).val()) {
                    var value = (this.className == "mail")? "Email" : "Senha";
                    $(this).val(value);
                }
            });
                       
            $("#login-form .login input").focus(function () {
                if ($(this).val() == "Email" || $(this).val() == "Senha") {
                    $(this).val("");
                }
            });
                       
            $("#login-form .login input").blur(function () {
                if (!$(this).val()) {
                    var value = (this.className == "mail")? "Email" : "Senha";
                    $(this).val(value);
                }
            });
                       
                     
           
                        
                       
                       
        });
        
    </script>

</html>

